import React from 'react';
import { Card, Row, Col, Form, Input, Select, Button, DatePicker } from 'antd';

const { Option } = Select;

export default function StudentAdd() {
    return (
        <div>
            <h1>添加学生页</h1>
            <Card>
                <Form
                    name="basic"
                    labelCol={{ span: 3 }}
                    wrapperCol={{ span: 6 }}
                    // onFinish={onFinish}
                    // onFinishFailed={onFinishFailed}
                    >
                    <Row>
                        <Col span={24}>
                            <Form.Item label="学号" name="sNo" rules={[{ required: true, message: '请输入学号!' }]}>
                                <Input />
                            </Form.Item>
                        </Col>
                        <Col span={24}>
                            <Form.Item label="姓名" name="sNo" rules={[{ required: true, message: '请输入姓名!' }]}>
                                <Input />
                            </Form.Item>
                        </Col>
                        <Col span={24}>
                            <Form.Item label="性别" name="sNo" rules={[{ required: true, message: '请输入性别!' }]}>
                                <Select defaultValue="-1" style={{ width: '100%' }} >
                                    {/* onChange={handleChange} */}
                                    <Option value="-1">不限</Option>
                                    <Option value="1">男</Option>
                                    <Option value="0">女</Option>
                                </Select>
                            </Form.Item>
                        </Col>
                        <Col span={24}>
                            <Form.Item label="出生年份" name="sNo" rules={[{ required: true, message: '请输入出生年份!' }]}>
                                <DatePicker picker="year" style={{ width: '100%' }} />
                                {/* onChange={onChange} */}
                            </Form.Item>
                        </Col>
                        <Col span={24}>
                            <Form.Item label="联系方式" name="sNo" rules={[{ required: true, message: '请输入联系方式!' }]}>
                                <Input />
                            </Form.Item>
                        </Col>
                        <Col span={24}>
                            <Form.Item label="住址" name="sNo" rules={[{ required: true, message: '请输入住址!' }]}>
                                <Input />
                            </Form.Item>
                        </Col>
                        <Col span={24}>
                            <Form.Item label="邮箱" name="sNo" rules={[{ required: true, message: '请输入邮箱!' }]}>
                                <Input />
                            </Form.Item>
                        </Col>
                    </Row>
                </Form>
            </Card>
        </div>
    )
}
